<template>
  <el-main>
    <div class="responsibilityContainer">
      <el-image
        src="http://file.chat.navrise.com/file/demo/responsibilityBanner.png"
        fit="cover"
        style="height: 33.33rem"
      ></el-image>
      <div class="responsibilityContent">
        <div class="everyBlock">
          <div class="thisTitle">
            <h2>杭州旭航全面支撑浙江传媒</h2>
          </div>
          <div class="thisContent">
            <el-image
              :src="imageUrl1"
              fit="cover"
            ></el-image>
            <div class="thisP">
              <p><span>旭航 </span>已与<span> 浙报集团</span>共同成立浙商新媒体联盟，双方展开全面的战略合作，通过合资子公司共同为政府业务新媒体代运营，为浙商会员客户新媒体代运营，浙报影视效果营销，合作新媒体培训商学院等等，包含了政务宣传、景区休闲旅游、文化会展宣传、餐饮娱乐方面的助力以及帮助农民的农林畜牧业发展等各个方面的相关新媒体业务。</p>
            </div>
          </div>
        </div>
        <div class="everyBlock">
          <div class="thisTitle">
            <h2>为杭州2022年亚运会的支持</h2>
          </div>
          <div class="thisContent">
            <el-image
              :src="imageUrl2"
              fit="cover"
            ></el-image>
            <div class="thisP">
              <p><span>2022年杭州亚运会</span>，即第19届亚洲运动会，将于2022年9月10日至25日 ，在中国浙江省杭州市举行。截至2019年9月，杭州亚运会拟设比赛项目40项，其中包括31个奥运项目和9个非奥项目。2022年杭州亚运会按照“中国新时代·杭州新亚运”定位以及“中国风范、浙江特色、杭州韵味、共建共享”目标，秉持“绿色、智能、节俭、文明”的办会理念，坚持“以杭州为主，全省共享”的办赛原则，高质量推进亚运会筹办工作。</p>
              <p><span>旭航</span>受政府邀请，发挥其新媒体矩阵的功能，帮忙做好本次亚运会的相关新媒体宣传工作。</p>
            </div>
          </div>
        </div>
        <div class="everyBlock">
          <div class="thisTitle">
            <h2>新冠病毒疫情期间帮助政府在新媒体上的支持</h2>
          </div>
          <div class="thisContent">
            <el-image
              :src="imageUrl3"
              fit="cover"
            ></el-image>
            <div class="thisP">
              <p>2019年12月份开始出现的新冠病毒给中国以及全球带来了重大的损失，甚至很多国家都经历了停工停产以及封城的艰难困境，医务人员不顾身命危险奋战在第一线。在这个全球一起奋力抗战病毒的时刻，我们也在努力贡献自己的一份力，在此次新冠病毒疫情期间，<span>旭航</span>也积极投入配合参与政府的宣传工作，为政府防疫工作做出巨大贡献，并得到地方政府的高度认可。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <foot-view></foot-view>
  </el-main>
</template>

<script>
  // import responsibilityBannerUrl from '@/assets/img/responsibility/responsibilityBanner.png'
  import imageUrl1 from '@/assets/img/responsibility/1.png'
  import imageUrl2 from '@/assets/img/responsibility/2.png'
  import imageUrl3 from '@/assets/img/responsibility/3.png'
  export default {
    name: "Responsibility",
    data(){
      return{
        // responsibilityBannerUrl:responsibilityBannerUrl,
        imageUrl1:imageUrl1,
        imageUrl2:imageUrl2,
        imageUrl3:imageUrl3
      }
    }
  }
</script>

<style scoped lang="scss">
.el-main{
  width: 100%;
  background-color: #f4f4f4;
  padding: 0;
  min-width: 120rem;
  .responsibilityContainer{
    width: 100rem;
    background-color: #ffffff;
    margin: 2rem auto 0;
    .responsibilityContent{
      width: 100%;
      padding: 4.166rem 8.33rem 1px;
      box-sizing: border-box;
      .everyBlock{
        width: 100%;
        margin-bottom: 4.166rem;
        box-sizing: border-box;
        h2,p{
          margin: 0;
        }
        .thisTitle{
          width: 100%;
          height: 4.166rem;
          background-image: linear-gradient(90deg,
            #173d95 25%,
            #e6eefc 100%),
          linear-gradient(
              #07083e,
              #07083e);
          background-blend-mode: normal,
          normal;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          h2{
            font-size: 2rem;
            font-weight: 400;
            color: #ffffff;
            margin-left: 1.5rem;
          }
        }
        .thisContent{
          width: 100%;
          margin-top: 3.33rem;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          .el-image{
            width: 40.4166rem;
            height: 22.833rem;
          }
          .thisP{
            width: 40.4166rem;
            height: 100%;
            margin-left: 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            p{
              text-align: left;
              font-size: 1.33rem;
              font-weight: 400;
              color: #555555;
              line-height: 2rem;
              letter-spacing: .5px;
              span{
                /*font-family: 'fontMedium';*/
                font-size: 1.833rem;
                font-weight: 500;
              }
            }
          }

        }
      }
    }
  }

}
</style>
